// pages/kind/kind.js
import { getsidebarFn, getcategorybrandlistFn, getcategorybrandprolistFn } from '../../api/kind'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    activeKey: 0,
    sidebarList: [],//分类列表
    categorybrandlist: [],      // 品牌列表
    proList: [],                 // 商品列表,
    active: 0
  },
  //切换查看品牌下的产品 获取商品列表
  onChangetab(event) {
    // console.log(2, event.detail);//拿到点击的tab标签的index下标和名称
    // console.log(21, this.data.sidebarList[this.data.active], 22, this.data.categorybrandlist[event.detail.index].brand);
    getcategorybrandprolistFn({ category: this.data.sidebarList[this.data.active], brand: this.data.categorybrandlist[event.detail.index].brand }).then(res => {
      // console.log(3, res);
      this.setData({
        proList:res.data
      })
      
    })

  },
  // 切换分类索引的方法
  onChange(event) {
    // console.log(event.detail);//拿索引值
    // console.log(4, this.data.sidebarList);
    getcategorybrandlistFn({ category: this.data.sidebarList[event.detail] }).then(res => {
      // console.log(5, res);
      this.setData({
        categorybrandlist: res.data,
        active:event.detail
      })
      // console.log(6, this.data.categorybrandlist);
      getcategorybrandprolistFn({ category: this.data.sidebarList[event.detail], brand: this.data.categorybrandlist[0].brand }).then(res => {
        // console.log(7, res);
        this.setData({
          proList: res.data
        })
      })
    })

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    getsidebarFn().then(res => {
      // console.log(111, res.data);
      this.setData({
        sidebarList: res.data
      })
      getcategorybrandlistFn({ category: res.data[0] }).then(res => {
        console.log(554, res);
        this.setData({
          categorybrandlist: res.data
        })
        console.log(555, this.data.categorybrandlist);
        getcategorybrandprolistFn({ category: this.data.sidebarList[0], brand: res.data[0].brand }).then(res => {
          console.log(13, res);
          this.setData({
            proList: res.data
          })
        })
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})